<template>
	<div class="bg-blue-furn padding" style="min-height: calc(100vh - 448px);">
		<!-- 其他信息 -->
		<pol-title title="炉次设备实绩" class="margin-top"></pol-title>
		<pol-table v-bind="tableOpt" height="250px"></pol-table>
		
		<pol-title title="炉次能源实绩" class="margin-top"></pol-title>
		<pol-table v-bind="tableOpt2" height="270px"></pol-table>
		
		<pol-title title="炉次低倍数据" class="margin-top"></pol-title>
		<div class="padding-xxxl text-center">
			暂无数据
		</div>
	</div>
</template>

<script setup>
	import { ref } from 'vue';

	//表格配置
	const columns = ref([
		{ label: '铸流序号', key: 'ItemCode', align: 'center' },
		{ label: '结晶器ID号', key: 'ItemName', align: 'center' },
		{ label: '断面', key: 'ItemValue', align: 'center' },
		{ label: '浇注数量', key: 'IsDefault', align: 'center' },
		{ label: '浇注长度', key: 'P_IsSys', align: 'center' }
	]);

	//表格配置
	const tableOpt = ref({
		columns: columns.value,
		localData: [{
				ItemCode: '1',
				ItemName: '2',
				ItemValue: '0.735*0.18',
				IsDefault: '79',
				P_IsSys: '5240'
			},
			{
				ItemCode: '1',
				ItemName: '2',
				ItemValue: '0.735*0.18',
				IsDefault: '79',
				P_IsSys: '5240'
			},
		]
	});
	
	//表格配置
	const columns2 = ref([
		{ label: '创建时刻', key: 'ItemCode', align: 'center' },
		{ label: '能源消耗ID号', key: 'ItemName', align: 'center' },
		{ label: '能源消耗描述', key: 'ItemValue', align: 'center' },
		{ label: '单位', key: 'IsDefault', align: 'center' },
		{ label: '消耗数值', key: 'P_IsSys', align: 'center' }
	]);
	
	//表格配置
	const tableOpt2 = ref({
		columns: columns2.value,
		localData: [{
				ItemCode: '1',
				ItemName: '2',
				ItemValue: '0.735*0.18',
				IsDefault: '79',
				P_IsSys: '5240'
			},
			{
				ItemCode: '1',
				ItemName: '2',
				ItemValue: '0.735*0.18',
				IsDefault: '79',
				P_IsSys: '5240'
			},
		]
	});
</script>

<style lang="scss" scoped>

</style>